<template>
  <div>
    <selectable-tag v-for="item in options" v-bind="item" :key="item.text" style="margin:40px 20px 10px 20px;" @click.native="click(item)"/>
  </div>
</template>

<script>
import selectableTag from '@/components/SelectableTag/index'
export default {
  name: 'TemplateList',
  components: { selectableTag },
  data() {
    return {
      options: [
        { selected: true, text: '床上用品' },
        { selected: false, text: '客房布草' },
        { selected: false, text: '客房电话' },
        { selected: true, text: '电视机' },
        { selected: false, text: '空调' },
        { selected: false, text: '吹风机' }
      ]
    }
  },
  methods: {
    click(item) {
      item.selected = !item.selected
    }
  }
}
</script>
